<style>
    body {
        background: #f2f2f2 !important;
    }
   /*table tr:first-child {*/
   /*     background-color: #4e73df !important; !* 例如，设置为浅灰色 *!*/
   /* }*/
    input[type="button"] , button{
        border-radius: 5px!important;
    }
    input[type="button"]:hover{
        opacity: 0.8;
    }
    .xian {
        width: 8px;
        height: 20px;
        background: #486bd3;
        margin-right: 10px;
        margin-left: 10px;
    }

    .tab-top-label {
        box-sizing: border-box;
        /*background: #e3eced;*/
        display: flex;
        align-items: center;
        font-size: 15px;
        color: #333;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .tab-label {
        width: 100px;
        text-align: center;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        border-radius: 4px;
        margin-left: 40px;
        margin-bottom: 0;
    }

    .tab-label:nth-child(1) {
        margin-left: 0;
    }

    .tab-labels {
        box-sizing: border-box;
        background: #edf0f9;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .control-label {
        font-weight: normal !important;
    }

    .tabs-content {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 20px;
        width: 98%;
        margin: auto;
    }

    .tabs-content > .tab {
        display: none;
    }

    .tabs-content > div.active {
        display: block;
    }

    .hang .col-sm-2 {
        width: 100%;
        text-align: left;
    }

    .hang {
        width: 100%;
        display: flex;
    }

    .hang .form-group {
        width: 25%;
        float: left;
    }

    #tab1 input {
        background-color: #fff !important;
    }

    #tab4 input {
        background-color: #fff !important;
    }

    #tab4 select {
        background-color: #fff !important;
    }

    #tab1 textarea {
        background-color: #fff !important;
    }

    .tabs-content .tab .left {
        width: 25%;
        float: left;
    }

    .tabs-content .tab .right {
        width: 25%;
        float: left;
    }

    .tabs-content .tab .zhong {
        width: 25%;
        float: left;
    }

    .tabs .col-sm-2 {
        width: 100%;
        text-align: left;
        margin-top:10px
    }

    .tcxm-td td {
        background: #4e73df;
        color: #fff;
        text-align: center;
        border-right: 1px solid;
    }

    .form-inline input {
        width: 100% !important;
    }

    #tab4 .form-inline td:nth-child(1) input {
        width: 12% !important;
    }

    .form-inline td {
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .form-inline td:nth-child(1) {
        border-left: 1px solid #e6e6e6;
    }

    .form-inline td:nth-child(1) {
        text-align: center;
    }

    .xia {
        width: 100%;
        display: flow-root;
    }

    .tab-label.active {
        background: #4e73df;
        color: #fff;
    }

    .gai_task_num {
        border-radius: 0 !important;
        color: #858585;
        background-color: #FFF;
        border: 1px solid #D5D5D5;
        font-size: 14px;
        font-family: inherit;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }

    .shenhe {
        background-color: #fff;
        margin-top: 20px;
        height: 100%;
        margin-bottom: 100px;
    }

    .shenhe-content {
        display: flex;
        flex-direction: column-reverse;
        /*padding-top: 20px;*/
        width: 100%;
        margin: auto;
    }

    .shenhe-content .fieldlist {
        width: 98%;
        margin: auto;
    }

    .shenhe-td td {
        /*background: #4e73df;*/
        background: #f2f2f2;
        color: #000;
        text-align: left;
        border-right: 1px solid #e6e6e6;
    }

    .shenhe-td td:nth-child(1) {
        width: 200px;
        border-left: 1px solid #e6e6e6;
    }

    .shenhe-td td:nth-child(2) {
        width: 150px;
    }

    .shenhe-inline td {
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .shenhe-inline td:nth-child(1) {
        border-left: 1px solid #e6e6e6;
    }

    .shenhe-inline td:nth-child(1) {
        text-align: left;
    }

    #treeview .jstree-leaf {
        float: none !important;
    }

    .shenhe-content{
        display: flex;
        flex-direction: column-reverse;
        /*padding-top: 20px;*/
        width: 100%;
        margin: auto;
    }
    .shenhe-content .fieldlist{
        width: 98%;
        margin: auto;
    }
    .shtable tr td{
        border-color: #e5e3e3;
        padding:10px;
    }
    .shtable tr{
        /*background: #ccc;*/
    }

    /* 鼠标指向表格时,奇数行背景颜色 */
    .layui-table tbody tr:hover, .layui-table-hover {
        background-color: #E6E6E6;
    }

    #he tr td {
        padding: 0;
    }

    #he tr td:nth-child(1) {
        padding: 2px 13px;
    }

    #he1 tr td {
        padding: 0;
    }

    #he1 tr td:nth-child(1) {
        padding: 2px 13px;
    }

    #he2 tr td {
        padding: 0;
    }

    #he2 tr td:nth-child(1) {
        padding: 2px 13px;
    }

    #he3 tr td {
        padding: 0;
    }

    #he3 tr td:nth-child(1) {
        padding: 2px 13px;
    }

    #he4 tr td {
        padding: 0;
    }

    #he4 tr td:nth-child(1) {
        padding: 2px 13px;
    }

    #he5 tr td {
        padding: 0;
    }

    #he5 tr td:nth-child(1) {
        padding: 2px 13px;
    }

    #he6 tr td {
        padding: 0;
    }

    #he6 tr td:nth-child(1) {
        padding: 2px 13px;
    }
    .layui-table tr td input {
        width: 100%;
        height: 99%;
        border: none;
    }
    input[readonly] {
        color: #939192;
        background: #F5F5F5!important;
        cursor: default;
    }
    input[type=text]{
        padding: 5px 4px 6px;
        font-size: 14px;
        font-family: inherit;
        box-shadow: none!important;
        transition-duration: .1s;
        width: 100%;
    }
    .conts input{
        height: 99%;
        border:1px solid #ccc
    }
    /*三者*/
    .black_overlay {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100vh;
        background-color: black;
        z-index: 1001;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=88);
    }

    .white_content {
        display: none;
        position: fixed;
        left:7%;
        top: 10%;
        width: 85%;
        height: 80%;
        padding: 20px;
        border: 2px solid cornflowerblue;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }

    .yellow_content {
        display: none;
        position: fixed;
        top: 30%;
        left: 30%;
        width: 50%;
        height: 50%;
        padding: 20px;
        border: 2px solid cornflowerblue;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }
</style>
<link rel="stylesheet" href="/old/css/layui.css">
<link rel="stylesheet" href="/old/css/index.css">